.popupBody {
  background-color: #eaeaea;
  font-size: 0.28rem;
  .main {
    padding: 0 0.24rem 0.24rem;
    background-color: #fff;

    .topBar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 1rem;
      border-bottom: 1px solid #f3f3f3;
    }
    .topBarL,
    .topBarR {
      display: flex;
      align-items: center;
      font-size: 0.32rem;

      span {
        margin: 0 0.2rem;
      }
    }
    .weekBar {
      display: flex;
      align-items: center;
      color: #666;

      .weekCol {
        height: 1rem;
        width: 14.28571%;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    .dateWrap {
      display: flex;
      align-items: center;
      flex-wrap: wrap;

      .dateItem {
        height: 1.1rem;
        width: 14.27671%;
        // flex: 100;
        display: flex;
        align-items: center;
        justify-content: center;

        &.grey {
          color: #ccc;
        }
        .numWrap {
          width: 70%;
          height: 70%;
          border-radius: 50%;
          display: flex;
          align-items: center;
          flex-direction: column;
          position: relative;
          .noWrap {
            font-size: 0.016rem;
            transform: scale(0.8);
            line-height: 0.24rem;
          }
          .dot {
            display: block;
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 5px;
            height: 5px;
            background-color: red;
            border-radius: 50%;
          }
        }
        &.chose {
          .numWrap {
            background-color: #f83244;
            color: #fff;
          }
        }
      }
    }
  }
}
